<template>
    <div>
        <div>选择字体文件</div>
        <el-upload class="upload-demo" drag multiple>
            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
            <div class="el-upload__text">
                将文件放在此处 或 <em>点击上传</em>
            </div>
            <template #tip>
                <div class="el-upload__tip">
                    jpg/png 大小不能超出 500kb
                </div>
            </template>
        </el-upload>
        <div>请输入需要压缩文字：</div>
        <el-input v-model="textarea" style="width: 240px" :rows="2" type="textarea" placeholder="请输入" />
    </div>
</template>

<script setup>
import { ref } from "vue";
// import Fontmin from 'fontmin';
import { UploadFilled } from '@element-plus/icons-vue'
const textarea = ref("");

// const addFont = () => {
//     try {
//         //指定读取文件夹fontFile
//         const fontFilePath = "./fontFile";
//         const fontFileDir = fs.readdirSync(fontFilePath);
//         // 填写需要提取的字符，字符不要重复
//         const text = "大家都在搜1234567890";
//         // 只拿取ttf文件
//         const fonts = fontFileDir.filter((fd) => {
//             let fileType = fd.split(".");
//             fileType = fileType[fileType.length - 1]; 
//             return fileType == "ttf";
//         });
//         if (fonts.length < 1) throw "无可用.ttf字体文件";
//         const fontmin = new Fontmin()
//             .src(fontFilePath + "/" + fonts[0]) // 指定要处理的字体文件，只拿取fontFile文件夹中的第一个字体文件
//             .use(
//                 Fontmin.glyph({ text })
//             )
//             .dest("./output"); // 指定输出目录
//         fontmin.run(function (err, files) {
//             if (err) {
//                 throw err;
//             } else {
//                 console.log(
//                     "已生成新的字体文件，可前往 https://gero3.github.io/facetype.js 转成JSON格式"
//                 );
//             }
//         });
//     } catch (err) {
//         console.error(err);
//     }
// }

</script>

<style lang="scss" scoped></style>